<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组的检测与转换</title>
</head>
<body>
    <div>Jimmy</div>
    <div>is</div>
    <div>back</div>
</body>
<script>
    // 正常的一个数组  需求：将数组的两个中括号去掉（转换成字符串）
    let arr = ['jimmy','xuexue']
    console.log(arr.toString())
    console.log(JSON.stringify(arr.toString()))  //"jimmy,xuexue"  这两个配合在后端中经常会使用到

    // 其实我们可以变相的使用.join()方法来将数组转换成字符串
    console.log(arr.join('-'))  // jimmy-xuexue

    // 正常的一个字符串    需求：  将字符串转换为数组
    let str = 'studio'
    console.log(str.split(''))  // ["s", "t", "u", "d", "i", "o"]
    console.log(str.split())  //["studio"]
    console.log(Array.from(str))  // ["s", "t", "u", "d", "i", "o"]


    // 数组是用来存放一系列同类型的容器   也可以用来存放Dom节点

    //   array.from方法会可以传递一个回调函数  这个回调函数可以用来处理数组中每一项的各种问题
    let divs = document.querySelectorAll('div')
    console.log(Array.from(divs))
    Array.from(divs,item=>{
        item.style.color = 'red'
    })
</script>
</html>